<template>
    <div class="heat_map_search_box_container">
        <div class="hot">
            <el-checkbox v-model="checked" @change="send">热力图显示</el-checkbox>
        </div>
    </div>
</template>

<script>
    import bus from "@/bus/bus";
    export default {
        name: "heatMapSearchBox",
        data(){
            return{
                checked:false
            }
        },
        methods:{
            send(){
                bus.$emit('shareHeatMapShow',this.checked)
            }
        }
    }
</script>

<style scoped>
    .heat_map_search_box_container{
        height: 100%;
        width: 100%;
    }
    .hot{
        width: 100px;
        float: right;
        opacity: 0.8;
    }
    .el-checkbox{
        color: #F56C6C;
    }

</style>